* {
    margin: 0;
    /*border: 1px red solid;*/
}

.justify-content-center {      /*左右布局 居中*/
    display: flex;
    justify-content: center;
}

.justify-content-space-between {    /*左右布局 两端对齐*/
    display: flex;
    justify-content: space-between;    /*两端对齐*/
}

.justify-content-space-around {     /*左右布局 平均对齐*/
    display: flex;
    justify-content: space-around;
}

.justify-content-flex-start {     /*左右布局 左对齐*/
    display: flex;
    justify-content: flex-start;
}

.justify-content-flex-end {     /*左右布局 右对齐*/
    display: flex;
    justify-content: flex-end;
}

.justify-content-flex-wrap {
    display: flex;
    flex-wrap: wrap;/*自动换行*/
}


.align-items-center {      /*上下布局 居中*/
    display: flex;
    align-items: center;
}

.align-items-flex-end {      /*上下布局 居中*/
    display: flex;
    align-items: flex-end;
}

.align-items-flex-start {      /*上下布局 居中*/
    display: flex;
    align-items: flex-start;
}

.font-color-green {    /*颜色*/
    color: #1A9650;
}

.font-color-white {
    color: white;
}

.font-color-gray {
    color: gray;
}

.font-color-green2 {
    color: #B4DF59;
}

.font-color-red {
    color: red;
}


.font-bold {     /*加粗*/
    font-weight: bold;
}

.font-italic {    /*斜体*/
    font-style: italic;
}

.font-size-10 {
    font-size: 10px;
}

.font-size-13 {
    font-size: 13px;
}

.font-size-15 {
    font-size: 15px;
}

/*字体居中*/
.font-text-align-center {
    text-align: center;
}

.rectangle-5 {
    background-color: #1A9650;
    background-size: 100% 100%;
    height: 5px;
}

.margin-5 {
    margin: 5px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-200 {
    margin-top: 200px;
}

.margin-left-5 {
    margin-left: 5px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-20 {
    margin-left: 20px;
}

.margin-right-450 {
    margin-right: 450px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-right-200 {
    margin-right: 200px;
}

.margin-right-150 {
    margin-right: 150px;
}

.margin-right-250 {
    margin-right: 250px;
}

.margin-left-50 {
    margin-left: 50px;
}

.margin-bottom {
    margin-bottom: 400px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

/*单行溢出*/
.single-over {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/*多行溢出*/
.many-over {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.top {
    background-image: url("../img/b_01_yb65.jpg");
    background-size: 100% 100%;
    /*width: 1920px;*/
    height: 650px;
}

.top > div:nth-child(1) > div:nth-child(1) {
    width: 1100px;
}

.company-icon {
    background-image: url("../img/logo_03_2rrh.png");
    background-size: 100% 100%;
    width: calc(68px / 2);
}
.company-name > div:nth-child(1) {
    height: 30px;
    width: 170px;
}


.bar > div:nth-child(1) > div:nth-child(1) {
    background-image: url("../img/9_2ach.png");
    background-size: 100% 100%;
    width: calc(30px / 2);
}

.top > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) {
    background-size: 100% 100%;
    width: 100%;
}

.bar > div:nth-child(2) {
    background-color: #1A9650;
    height: 40px;
}

.bar > div:nth-child(2) > div {
    width: 100%;
}

.bar > div:nth-child(2) > div > div {
    color: white;
    cursor: pointer;
}

/*鼠标事件*/
.bar > div:nth-child(2) > div > div:hover {
    background-color: white;
    color: #1A9650;
}

.top > div:nth-child(2) {
    height: 200px;
}


/*简介部分*/
.product-info {
    background-color: #ECECEC;
    height: 220px;
    /*margin-right: 200px;*/
    margin-top: 150px;
}

.product-info > div {
    width: 650px;
}

.product-info-img {
    background-image: url("../img/us_03_r2fq.png");
    background-size: 100% 100%;
    width: calc(327px * 10);
    /*height: 143px;*/
}

.tag-detail {
    background-image: url("../img/11_r1jc.png");
    background-size: 100% 100%;
    width: 80px;
    height: 23px;
    text-align: center;     /*水平居中*/
    line-height: 23px;    /*垂直居中  23为div标签的高度*/
}

.product-info-content {
    /*letter-spacing: 5px*/     /*调整行间隙*/
    line-height: 20px;     /*调整列间隙*/
}


/*主体部分*/
.mid > div {
    width: 650px;
}

/*.mid > div > div {*/
/*    width: 650px;*/
/*}*/


.mid-news-imgs > div:nth-child(1) > div:nth-child(1) {
    background-image: url("../img/news1_03_wnwj.png");
    background-size: 100% 100%;
    height: 143px;
    width: 300px;
}

.mid-news-imgs > div:nth-child(2) > div:nth-child(1) {
    background-image: url("../img/news2_03_m13d.png");
    background-size: 100% 100%;
    height: 143px;
    width: 300px;
}

.mid-news-imgs > div:nth-child(1) > div:nth-child(2), .mid-news-imgs > div:nth-child(2) > div:nth-child(2) {
    background-color: #1A9650;
    width: auto;
    height: 40px;
    margin: 0 0 20px 0;
    line-height: 40px;    /*垂直居中  23为div标签的高度*/
}

/*轮播*/
.focus {
    width: 296px;
    height: 143px;
    overflow: hidden;
    animation: focus 6s infinite;
}

@keyframes focus {
    0%{
        background-image: url("../img/shou2_06_359e.png");
    }
    50%{
        background-image: url("../img/shu1_06_e0ir.png");
    }
    100%{
        background-image: url("../img/us_03_k5ma.png");
    }
}

.product-show > div:nth-child(1) > div:nth-child(2) {
    background-color: #1A9650;
    width: auto;
    height: 40px;
    margin: 0 0 20px 0;
    line-height: 40px;    /*垂直居中  23为div标签的高度*/
}

/*水平线*/
.line {
    height: 2px;
    /*width: 1000px;*/
    background-color: gray;
    line-height: 1px;
    display: block;
    margin-top: 50px;
    margin-bottom: 20px;
}

.bottom > div > div {
    width: 650px;
}

.bottom > div:nth-child(2) > div > div > div {
    cursor: pointer;
}

/*鼠标事件*/
.bottom > div:nth-child(2) > div > div > div:hover {
    color: #1A9650;
}


/*12---1*/
/*虚线*/
.dashed {
    border-bottom: 1px gray dashed;
}

.page > div {
    margin: 10px;
    border: 1px gray solid;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.product-show-page > div {
    margin: 5px;
    border: 1px gray solid;
    text-align: center;

}

.product-show-page > div > div:nth-child(1) > img {
    background-size: 100% 100%;
    height: calc(280px / 2);
    width: calc(280px / 2);
    margin: 5px;
}

input {
    width: 650px;
    height: 30px;
}

textarea {
    width: 650px;
    height: 200px;
    min-height: 50px;
    resize: vertical;    /*只能纵向拉升*/
}

input, textarea {
    border: 1px gray dashed;
}

/*.online-content > div:nth-child(4) {*/
/*    background-color: #1A9650;*/
/*    height: 20px;*/
/*}*/

.commit {
    background-color: #1A9650;
    height: 30px;
    width: 100px;
    line-height: 30px;
    text-align: center;
}


/*地图*/
body,
html,
#container {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

#container {
    height: 400px;
    width: 650px;
}


body {
    overflow-y:scroll;
}

/*移动*/
.modify-top {
    position: relative;
    bottom: 400px;
    margin-bottom: -400px;
}

/*.modify-top > div {*/
/*    position: relative;*/
/*    bottom: 400px;*/
/*}*/



